<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Dengo - Home</title>
<link rel="shortcut icon" href="img/icono.ico" />
<!-- Sytles -->
<link href="styles/index.css" rel="stylesheet" />
<link href="styles/cabecera.css" rel="stylesheet" />
<link href="styles/barraHerramientas.css" rel="stylesheet" type="text/css" />
<link href="styles/barraInferior.css" rel="stylesheet" type="text/css" />	
<link href="styles/menuPreferencias.css" rel="stylesheet" />
<!-- include jQuery + carouFredSel plugin -->
<script type="text/javascript" language="javascript" src="lib/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript" src="lib/caroufredsel/jquery.carouFredSel-6.2.1-packed.js"></script>
<!-- optionally include helper plugins -->
<script type="text/javascript" language="javascript" src="lib/caroufredsel/helper-plugins/jquery.mousewheel.min.js"></script>
<script type="text/javascript" language="javascript" src="lib/caroufredsel/helper-plugins/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" language="javascript" src="lib/caroufredsel/helper-plugins/jquery.transit.min.js"></script>
<script type="text/javascript" language="javascript" src="lib/caroufredsel/helper-plugins/jquery.ba-throttle-debounce.min.js"></script>
<!-- Other Javascript functions -->
<script type="text/javascript" language="javascript" src="functions/js/preferences.js"></script>
<script type="text/javascript" language="javascript" src="functions/js/search.js"></script>
<script type="text/javascript" language="javascript" src="functions/js/carouselConfig.js"></script>





<script>
function prepareWords(totalWords) {
	for(i = 0; i < totalWords; i++) {
		
		if (i < 6) {
			document.getElementById("word" + i).style.display = "block";
		}else{
			document.getElementById("word" + i).style.display = "none";
		}
		
	}
}
function changeWords(bullet) {
	if (bullet == "bullet1") {
		document.getElementById('bullet1').src = "img/bullet2.png";
		document.getElementById('bullet2').src = "img/bullet1.png";
		document.getElementById('bullet3').src = "img/bullet1.png";
		
		for(i = 0; i < 18; i++) {
			if (i < 6) {
				document.getElementById("word" + i).style.display = "block";
			}else{
				document.getElementById("word" + i).style.display = "none";
			}	
		}
	}
	
	if (bullet == "bullet2") {
		document.getElementById('bullet1').src = "img/bullet1.png";
		document.getElementById('bullet2').src = "img/bullet2.png";
		document.getElementById('bullet3').src = "img/bullet1.png";
		for(i = 0; i < 18; i++) {
			if (i < 12 && i > 5) {
				document.getElementById("word" + i).style.display = "block";
			}else{
				document.getElementById("word" + i ).style.display = "none";
			}	
		}
	}
	
	if (bullet == "bullet3") {
		document.getElementById('bullet1').src = "img/bullet1.png";
		document.getElementById('bullet2').src = "img/bullet1.png";
		document.getElementById('bullet3').src = "img/bullet2.png";
		for(i = 0; i < 18; i++) {
			if (i > 11) {
				document.getElementById("word" + i).style.display = "block";
			}else{
				document.getElementById("word" + i).style.display = "none";
			}	
		}
	}
	
}
</script>
</head>
<body>
<?php

include_once('functions/preferences.php');
generatePreferencesCookie();

include_once('frontend/banner.php');
include_once('frontend/toolbar.php');
include_once('frontend/homeView.php');
include_once('frontend/contact.php');
?>
</body>
</html>

